﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>历史事件</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <script src="components/requirejs/require.js" async="async" data-main="resources/js/incidentHistory"></script>
    <link href="components/mint-ui/style.min.css" rel="stylesheet" async="async" />
    <link href="resources/css/common.css" rel="stylesheet" />
    <link href="resources/css/incidentHistory.css" rel="stylesheet" />
</head>
<body>
    <div id="view">
        <div view v-if="isloading"></div>

        <mt-navbar topbar v-model="selected" :fixed=true>
            <mt-tab-item id="assignment">待分派</mt-tab-item>
            <mt-tab-item id="resolved">已解决</mt-tab-item>
        </mt-navbar>
        <div palaceholder-topbar></div>

        <mt-tab-container v-model="selected" :swipeable=true>
            <mt-tab-container-item id="assignment">

                <div empty v-if="assignment.length == 0">
                    <img src="resources/image/common/empty.png" />
                    <div>暂无数据</div>
                </div>

                <div item v-for="item in assignment">
                    <div>
                        <div>{{item.title}}</div>
                        <div>
                            <div>申报日期： {{item.create_date}}</div>
                        </div>
                    </div>
                    <div center v-on:click="showDetail(item)">
                        <img src="resources/image/common/entry.png" />
                    </div>
                </div>
            </mt-tab-container-item>
            <mt-tab-container-item id="resolved">

                <div empty v-if="resolved.length == 0">
                    <img src="resources/image/common/empty.png" />
                    <div>暂无数据</div>
                </div>

                <div item v-for="item in resolved">
                    <div>
                        <div>{{item.title}}</div>
                        <div>
                            <div>申报日期： {{item.create_date}}</div>
                        </div>
                    </div>
                    <div center v-on:click="showDetail(item)">
                        <img src="resources/image/common/entry.png" />
                    </div>
                </div>
            </mt-tab-container-item>
        </mt-tab-container>

        <mt-popup popup v-model="popup_visible" pop-transition="popup-fade" detail>
            <div detail-title>
                <div>{{detail.title}}</div>
                <div>{{detail.description}}</div>
            </div>
            <div detail-group>
                <div detail-item>
                    <div>报障日期：</div>
                    <div>{{detail.create_date}}</div>
                </div>
                <div detail-item>
                    <div>报障人：</div>
                    <div>{{detail.cus_user_name}}</div>
                </div>
                <div detail-item>
                    <div>事件编号：</div>
                    <div>{{detail.code}}</div>
                </div>
            </div>
            <div detail-group>
                <div detail-item>
                    <div>原因分析：</div>
                    <div>{{detail.reason_analyze}}</div>
                </div>
                <div detail-item>
                    <div>解决方案：</div>
                    <div>{{detail.solution}}</div>
                </div>
                <div detail-item>
                    <div>解决日期：</div>
                    <div>{{detail.solver_date}}</div>
                </div>
                <div detail-item>
                    <div>解决人：</div>
                    <div>{{detail.solver_name}}</div>
                </div>
            </div>
            <div detail-buttombar center v-on:click="hideDetail">
                <input type="button" value="返回" />
            </div>
        </mt-popup>
    </div>
</body>
</html>